<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>YouTuTV全球最大视频论坛社区</title>
	<meta name="lee" content="电影,电视剧,博客,论坛,编程开发,教育,资源分享,英语学习,英语语法,教学视频,高考,成人,职业教育">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
	<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}">
	<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.css}">
	<script th:src="@{/bootstrap/js/bootstrap.js}"></script>

	<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
	<link rel="stylesheet" th:href="@{/css/mian.css}">
</head>
<body class="lay-blog">
		<div class="header">
			<div class="header-wrap">
				<h1 class="logo pull-left">
					<a href="/">
						<div th:include="header"></div>
					</a>
				</h1>
				<div class="blog-nav pull-right">
					<div th:include="header-nav"></div>
					<a href="#" class="personal pull-left">
						<i class="layui-icon layui-icon-username"></i>
					</a>
				</div>
				<div class="mobile-nav pull-right" id="mobile-nav">
					<a href="javascript:;">
						<i class="layui-icon layui-icon-more"></i>
					</a>
				</div>
			</div>
			<ul class="pop-nav" id="pop-nav">
				<li><a href="/index">首页</a></li>
				<li><a href="/message">留言</a></li>
				<li><a href="/about">关于</a></li>
			</ul>
		</div>
		<div class="container-wrap">
			<div class="container" style="width: 80%;">
					<div class="contar-wrap">
						<table class="layui-table">
							<thead>
							<tr>
								<th>视频名称</th>
								<th>点赞数</th>
								<th>上传日期</th>
								<th>up主</th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="video:${videoInfoList}">
								<td>
									<a target="_self" th:text="${video.getVideoName()}" th:href="@{'/videoFindList/'+${video.getId()}}"></a>
								</td>
								<td style="color: red">(该功能敬请期待！)</td>
								<td th:text="${#dates.format(video.getCreateDate(), 'yyyy-MM-dd HH:mm:ss')}"></td>
								<td th:text="${video.getCreateBy()}"></td>
							</tr>
							</tbody>
						</table>
					</div>
			</div>
		</div>
		<div class="footer">
			<div th:include="food"></div>
		</div>
	<script th:src="@{/layui/layui.js}"></script>
	<!--<script src="../static/layui/layui.js}"></script>-->
	<script>
		layui.config({
		  base: '../static/js/'
		}).use('blog');

		$(function () {
			// $('#myTab a:last').tab('show')
			$('#myTab li a').tabs('show');
		})
	</script>
</body>
</html>